一個吸引目光網頁設計除了視覺設計與配色，「文字樣式」也是非常重要的一部分，這個單元會介紹 CSS 裡常用的文字樣式，例如 color、font-style、font-weight、text-decoration、letter-spacing、text-shadow 等屬性，精準控制文字的顏色、斜體、粗細、陰影、底線、刪除線、字母間距等樣式效果。

影片重點：

• 00:00:47 color 文字顏色
• 00:01:52 font-style 文字樣式
• 00:03:20 font-weight 文字粗細
• 00:05:53 text-decoration-line 裝飾類型
• 00:06:46 text-decoration-style 裝飾樣式
• 00:07:25 text-decoration-color 裝飾顏色
• 00:07:59 text-decoration-thickness 裝飾粗細
• 00:08:50 text-decoration 文字裝飾 ( 縮寫格式 )
• 00:09:57 text-emphasis 文字重點強調
• 00:11:09 word-spacing 單字間距
• 00:12:52 letter-spacing 字元間距
• 00:13:46 text-shadow 文字陰影
• 00:17:32 font 文字樣式縮寫格式

相關參考：

• 教學文：CSS 常用文字樣式
• 影片連結：https://www.youtube.com/watch?v=-G4xFK1eZhA

後記

今天終於將自己排版的書籍 ( 親人自傳 ) 送印，沒想到整體沒什麼問題，出版社還說我排得很好，是不是以前有印過書呀 ( 羞 )，這次編排書籍的過程，雖然 AI 對排版來說完全沒有幫上忙，我自己動手的時間比下提示詞塊太多了，不過像是查找錯字、修整語句、撰寫目錄、撰寫前導文...等，就透過不少 AI 的功能來輔助，整體來說也省下不少時間～

更多參考：

• Youtube 頻道：https://www.youtube.com/@steam.oxxostudio
• CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html